<include file="Common:header"/>
    <div id="app" class="page-group">
          <div class="page page-current">
            <nav class="bar bar-tab">
              <a class="tab-item active">
                <span class="icon icon-home"></span>
                <span class="tab-label">首页</span>
              </a>
              <a class="tab-item external" href="order.html">
                <span class="icon icon-cart"></span>
                <span class="tab-label">订单</span>
              </a>
              <a class="tab-item external" href="user.html">
                <span class="icon icon-me"></span>
                <span class="tab-label">我的</span>
              </a>
            </nav>
            <header class="bar bar-nav">
              <div class="buttons-tab">
                  <a href="#tab1" class="tab-link active button">点菜</a>
                  <a href="#tab2" class="tab-link button">商家信息</a>
                </div>
            </header>
            <div class="content native-scroll">

                <div class="content-block no-padding no-margin-top">
                  <div class="tabs">
                    <div id="tab1" class="tab active food">
                      <div class="content-block no-padding no-margin-top">
                        <foreach name="foods" item="v">
                            <div class="cart-{$v.id} card  demo-card-header-pic">
                              <div valign="bottom" class="card-header color-white no-border no-padding">
                                <img class="card-cover" src="{$v.img}" alt="">
                              </div>
                              <div class="card-content">
                                <div class="card-content-inner"><p>{$v.name}</p></div>
                              </div>
                              <div class="card-footer">
                                <a href="#" class="link price">￥{$v.price}/{$v.unit}</a>
                                <a href="#" class=" btn"><span id="{$v.id}" class="minus iconfont" style="display: inline;"></span><span class="num" style="display: inline;">1</span><span id="{$v.id}" class=" add iconfont"></span></a>
                              </div>
                            </div>
                        </foreach>

                      <nav class="bar bar-tab cart-bar">
                        <div id="selected">
                          <a class="selected active"><span class="cart icon icon-cart" id="1"><span class="sum">4</span></span></a>
                          <div class="selected-bar"><span class="priceTotal">158￥</span><span class="clear-cart"><span class="icon icon-remove"></span>清空购物车</span></div>
                          <div class=" list-block no-margin">
                            <ul>

                            <li class="cart-cart1 item-content"><div class="item-inner"><div class="item-title">烤鸭</div><div class="item-after"><span class="li-price">32￥</span><a href="#" class=" btn"><span id="1" class="minus iconfont"></span><span class="num">1</span><span id="1" class=" add iconfont"></span></a></div></div></li><li class="cart-cart3 item-content"><div class="item-inner"><div class="item-title">全鸡</div><div class="item-after"><span class="li-price">50￥</span><a href="#" class=" btn"><span id="3" class="minus iconfont"></span><span class="num">1</span><span id="3" class=" add iconfont"></span></a></div></div></li><li class="cart-cart2 item-content"><div class="item-inner"><div class="item-title">烤鸡</div><div class="item-after"><span class="li-price">76￥</span><a href="#" class=" btn"><span id="2" class="minus iconfont"></span><span class="num">2</span><span id="2" class=" add iconfont"></span></a></div></div></li></ul>
                          </div>
                        </div>
                        <a class="selected selected-bottom"><span class="cart icon icon-cart" id="1"><span class="sum">4</span></span></a>
                        <span class="priceTotal price-bottom">158￥</span>
                        <a class="pay-cart" href="pay.html">选好了</a>
                      </nav>
                    </div>
                    <div id="tab2" class="tab">
                      <div class="content-block">
                        <div class=" list-block ">
                          <ul>
                            <li class="item-content">
                               <div class="item-inner">
                                 <div class="item-title"><span class="iconfont"></span> 电话:</div>
                                   <div class="item-after"><a href="tel:18259532258">15825923500</a></div>
                               </div>
                             </li>
                             <li class="item-content">
                                <div class="item-inner">
                                  <div class="item-title"><span class="iconfont"></span>商家地址:</div>
                                    <div class="item-after">重庆市永川区光彩大道乘客学院536号</div>
                                </div>
                              </li>
                          </ul>
                        </div>
                      </div>
                      <div class="content-block">
                        <div class=" list-block ">
                          <ul>
                            <li class="item-content">
                               <div class="item-inner">
                                 <div class="item-title"><span class="iconfont"></span>营业时间:</div>
                                   <div class="item-after"> 10:30-15:00,17:30-21:10</div>
                               </div>
                             </li>
                          </ul>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
          </div>
          <div class="bg"></div>
          <div class="loading" style="display: none;">
            <span></span>
          </div>
        </div>
    </div>
    <script src="//cdn.bootcss.com/zepto/1.2.0/zepto.min.js"></script>

    <script src='//g.alicdn.com/msui/sm/0.6.2/js/sm.min.js' charset='utf-8'></script>
    <script src="__PUBLIC__/js/main.js" charset="utf-8"></script>

  </body>
</html>
